import React from 'react'
import './index.css'
import TopNav from '../Public/TopNav'//顶部导航
import Search from '../Public/Search'//搜索
import ContNav from '../Public/ContNav'//导航
import Footer from '../Public/Footer'//底部导航

import {Route,Switch,Redirect,NavLink} from 'react-router-dom'
import Mine from './ListCont/Mine.jsx'        // 我的首页
import Basics from './ListCont/Basics.jsx'    // 精彩生活地址
import Upgrade from './ListCont/Upgrade.jsx'        // 我的首页
import MineOrder from './ListCont/MineOrder.jsx'    // 精彩生活地址
import MineMoney from './ListCont/MineMoney.jsx'        // 我的首页
import MineCollect from './ListCont/MineCollect.jsx'    // 精彩生活地址
import Address from './ListCont/Address.jsx'        // 我的首页
import HelpCenter from './ListCont/HelpCenter.jsx'    // 精彩生活地址
import Feedback from './ListCont/Feedback.jsx'    // 精彩生活地址
//我的导航组件
export default class MineCont extends React.Component {
    constructor(props) {
        super(props)
        this.state = {}
    }

    render() {
        return (
            <div>
                <TopNav></TopNav>
                <Search></Search>
                <ContNav></ContNav>
                 <ul className="mineLeft">                     
                        <li><NavLink to="/minecont/basics">基本资料</NavLink></li>
                        <li><NavLink to="/minecont/upgrade">升级会员</NavLink></li>
                        <li><NavLink to="/minecont/mineorder">我的订单</NavLink></li>
                        <li><NavLink to="/minecont/minemoney">我的钱包</NavLink></li>
                        <li><NavLink to="/minecont/minecollect">我的收藏</NavLink></li>
                        <li><NavLink to="/minecont/address">收货地址</NavLink></li>
                        <li><NavLink to="/minecont/helpcenter">帮助中心</NavLink></li>
                        <li><NavLink to="/minecont/feedback">意见反馈</NavLink></li>
                </ul>
                <Switch>
                        <Route exact path='/minecont/mine' component={Mine}></Route>
                        <Route path='/minecont/basics' component={Basics}></Route>
                        <Route path='/minecont/upgrade' component={Upgrade}></Route>
                        <Route path='/minecont/mineorder' component={MineOrder}></Route>
                        <Route path='/minecont/minemoney' component={MineMoney}></Route>
                        <Route path='/minecont/minecollect' component={MineCollect}></Route>
                        <Route path='/minecont/address' component={Address}></Route>
                        <Route path='/minecont/helpcenter' component={HelpCenter}></Route>
                        <Route path='/minecont/feedback' component={Feedback}></Route>
                        <Redirect to='/minecont/mine'></Redirect>
                </Switch>
                <Footer></Footer>
            </div>
        )
    }
}